<!DOCTYPE html> <meta charset="utf-8" />
<title>Warn when errorFields don't match request[[options]]</title>
<link rel="help" href="https://github.com/w3c/payment-request/pull/807" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="helpers.js"></script>
<script>
  test(() => {
    assert_true(
      "retry" in PaymentResponse.prototype,
      "retry must be in prototype"
    );
    assert_true(
      PaymentResponse.prototype.retry instanceof Function,
      "retry must be a function"
    );
  }, "PaymentResponse.prototype must have a retry() function (smoke test).");

  const defaultOptions = {
    requestPayerName: false,
    requestPayerEmail: false,
    requestPayerPhone: false,
    requestShipping: false,
  };
  function testShowWarning(button, errorFields) {
    button.disabled = true;
    promise_test(async () => {
      const { response } = await getPaymentRequestResponse(defaultOptions);
      await response.retry(errorFields);
      await response.complete();
    });
  }
</script>
<h2>Manual Tests - Please run in order!</h2>
<p>
  Please open the developer console. Each of the tests below should generate a
  warning in the developer console.
</p>
<p>When presented with the payment sheet, hit pay twice.</p>
<ol>
  <li>
    <button onclick="testShowWarning(this, {payer: {name: 'Dont show this'}});">
      Show warning if `requestPayerName` if false, and `errorFields.payer.name` is
      present.
    </button>
  </li>
  <li>
    <button
      onclick="testShowWarning(this, {payer: {email: 'Dont show this'}});"
    >
      Show warning if `requestPayerEmail` if false, and `errorFields.payer.email`
      is present.
    </button>
  </li>
  <li>
    <button
      onclick="testShowWarning(this, {payer: {phone: 'Dont show this'}});"
    >
      Show warning if `requestPayerPhone` if false, and `errorFields.payer.phone`
      is present.
    </button>
  </li>
  <li>
    <button onclick="testShowWarning(this, {shippingAddress: {}});">
      Show warning if `requestShipping` if false, and
      `errorFields.shippingAddress` member present.
    </button>
  </li>
  <li>
    <button
      onclick="testShowWarning(this, {shippingAddress: {addressLine: 'Dont show this'}});"
    >
      Show warning if `requestShipping` if false, and
      `errorFields.shippingAddress.addressLine` member present.
    </button>
  </li>
  <li>
    <button
      onclick="testShowWarning(this, {shippingAddress: {city: 'Dont show this'}});"
    >
      Show warning if `requestShipping` if false, and
      `errorFields.shippingAddress.city` member present.
    </button>
  </li>
  <li>
    <button
      onclick="testShowWarning(this, {shippingAddress: {country: 'Dont show this'}});"
    >
      Show warning if `requestShipping` if false, and
      `errorFields.shippingAddress.country` member present.
    </button>
  </li>
  <li>
    <button
      onclick="testShowWarning(this, {shippingAddress: {dependentLocality: 'Dont show this'}});"
    >
      Show warning if `requestShipping` if false, and
      `errorFields.shippingAddress.dependentLocality` member present.
    </button>
  </li>
  <li>
    <button
      onclick="testShowWarning(this, {shippingAddress: {organization: 'Dont show this'}});"
    >
      Show warning if `requestShipping` if false, and
      `errorFields.shippingAddress.organization` member present.
    </button>
  </li>
  <li>
    <button
      onclick="testShowWarning(this, {shippingAddress: {phone: 'Dont show this'}});"
    >
      Show warning if `requestShipping` if false, and
      `errorFields.shippingAddress.phone` member present.
    </button>
  </li>
  <li>
    <button
      onclick="testShowWarning(this, {shippingAddress: {postalCode: 'Dont show this'}});"
    >
      Show warning if `requestShipping` if false, and
      `errorFields.shippingAddress.postalCode` member present.
    </button>
  </li>
  <li>
    <button
      onclick="testShowWarning(this, {shippingAddress: {recipient: 'Dont show this'}});"
    >
      Show warning if `requestShipping` if false, and
      `errorFields.shippingAddress.recipient` member present.
    </button>
  </li>
  <li>
    <button
      onclick="testShowWarning(this, {shippingAddress: {region: 'Dont show this'}});"
    >
      Show warning if `requestShipping` if false, and
      `errorFields.shippingAddress.region` member present.
    </button>
  </li>
  <li>
    <button
      onclick="testShowWarning(this, {shippingAddress: {regionCode: 'Dont show this'}});"
    >
      Show warning if `requestShipping` if false, and
      `errorFields.shippingAddress.regionCode` member present.
    </button>
  </li>
  <li>
    <button
      onclick="testShowWarning(this, {shippingAddress: {sortingCode: 'Dont show this'}});"
    >
      Show warning if `requestShipping` if false, and
      `errorFields.shippingAddress.sortingCode` member present.
    </button>
  </li>
  <li><button onclick="done()">Done!</button></li>
</ol>
